﻿<style>
    .img-circle-finlist {
        height: 8rem;
        width: 8rem;
        border-radius: 50%;
    }

    .finlist-btn {
        margin-top: 40px;
    }
</style>

<link href="view/css/page1.css" rel="stylesheet" />

<div style="height:10px;"></div>

<!--<div class="container">
    <div class="row" style="height:40px;margin-top:10px;">

        <div class="col-xs-8" style="font-size:3rem;text-align:center;">
            结伴进行中
        </div>
        

    </div>

</div>-->
<div class="list-group-item">
    <div class="progress-sm m-t-sm progress ng-isolate-scope" max="max" value="dynamic" type="info">
        <div class="progress-bar progress-bar-info" ng-class="type &amp;&amp; 'progress-bar-' + type" role="progressbar" aria-valuenow="79" aria-valuemin="0" aria-valuemax="200" ng-style="{width: percent + '%'}" aria-valuetext="40%" ng-transclude="" style="width: 39.5%;"><span style="white-space:nowrap;font-size:10px;" class="ng-binding ng-scope">5 / 10</span></div>
    </div>
</div>
<div class="container" style="padding-top:10px;">
    <div class="row" style="height:45px;">
        <!--<div class="col-xs-4" >
            <button class="btn btn-success">参与进度 3/5</button>
        </div>-->
        <div class="col-xs-6">
            <button class="btn btn-info">邀请好友参加</button>
        </div>

        <div class="col-xs-6">
            <button class="btn btn-success">去分享给好友</button>
        </div>
        
    </div>

</div>


<ul class="list-info">
    <li>
        <a href="">
            <img src="img/a5.png" class="img-circle-finlist" alt="...">
            <dl>
                <dt class="tit">
                    <strong>huangyu</strong>
                </dt>
                <dd class="attr">
                    <span class="attr_detail">
                        女&nbsp;-&nbsp;哈佛大学&nbsp;-&nbsp;
                    </span>

                </dd>
                <dd class="attr">
                    <!--<span class="price">3000</span>-->
                    <span>
                        加入时间 : 今天
                    </span>
                </dd>
            </dl>
        </a>
        <div style="">
            <button class="btn data_type finlist-btn">同意入伙</button>
        </div>
    </li>
    <li>
        <a href="">
            <img src="img/a6.png" class="img-circle-finlist" alt="...">
            <dl>
                <dt class="tit">
                    <strong>huangyu2</strong>
                </dt>
                <dd class="attr">
                    <span class="attr_detail">
                        女&nbsp;-&nbsp;哈佛大学&nbsp;-&nbsp;
                    </span>
                </dd>
                <dd class="attr">
                    <!-- <span class="price">3000</span>-->
                    <span>
                        加入时间 : 今天
                    </span>
                </dd>
            </dl>
        </a>
        <div style="">
            <button class="btn data_type finlist-btn btn-danger">取消ta的资格</button>
        </div>
    </li>
    <li>
        <a href="">
            <img src="img/a7.png" class="img-circle-finlist" alt="...">
            <dl>
                <dt class="tit">
                    <strong>huangyu2</strong>
                </dt>
                <dd class="attr">
                    <span class="attr_detail">
                        男&nbsp;-&nbsp;哈佛大学&nbsp;-&nbsp;
                    </span>
                </dd>
                <dd class="attr">
                    <!-- <span class="price">3000</span>-->
                    <span>
                        申请时间 : 2016-4-25
                    </span>
                </dd>
            </dl>
        </a>
        <div style="">
            <button class="btn data_type finlist-btn">同意入伙</button>
        </div>
    </li>
    <li>
        <a href="">
            <img src="img/a4.png" class="img-circle-finlist" alt="...">
            <dl>
                <dt class="tit">
                    <strong>huangyu3</strong>
                </dt>
                <dd class="attr">
                    <span class="attr_detail">
                        女&nbsp;-&nbsp;哈佛大学&nbsp;-&nbsp;
                    </span>
                </dd>
                <dd class="attr">
                    <!--<span class="price">3000</span>-->
                    <span>
                        加入时间 : 2016-3-18
                    </span>
                </dd>
            </dl>
        </a>
        <div style="">
            <button class="btn data_type finlist-btn">同意入伙</button>
        </div>
    </li>
    <li>
        <a href="">
            <img src="img/a4.png" class="img-circle-finlist" alt="...">
            <dl>
                <dt class="tit">
                    <strong>huangyu3</strong>
                </dt>
                <dd class="attr">
                    <span class="attr_detail">
                        男&nbsp;-&nbsp;哈佛大学&nbsp;-&nbsp;
                    </span>
                </dd>
                <dd class="attr">
                    <!--<span class="price">3000</span>-->
                    <span>
                        加入时间 : 今天
                    </span>
                </dd>
            </dl>
        </a>
        <div style="">
            <button class="btn data_type finlist-btn">同意入伙</button>
        </div>
    </li>
    <li>
        <a href="">
            <img src="img/a4.png" class="img-circle-finlist" alt="...">
            <dl>
                <dt class="tit">
                    <strong>huangyu3</strong>
                </dt>
                <dd class="attr">
                    <span class="attr_detail">
                        男&nbsp;-&nbsp;哈佛大学&nbsp;-&nbsp;
                    </span>
                </dd>
                <dd class="attr">
                    <!--<span class="price">3000</span>-->
                    <span>
                        加入时间 : 今天
                    </span>
                </dd>
            </dl>
        </a>
        <div style="">
            <button class="btn data_type finlist-btn">同意入伙</button>
        </div>
    </li>


    <li>
        <div class="container">
            <div class="row" style="height:45px;text-align:center;">


                <div class="col-xs-12">
                    <button class="btn btn-danger" style="width:100%">取消本次结伴</button>
                </div>
                <!--<div class="col-xs-6">
                    <button class="btn btn-success">完成本次结伴</button>
                </div>-->

            </div>

        </div>
    </li>

</ul>
<nav>
    <ul class="pager">
        <li class="previous"><a href="#"><span aria-hidden="true">&larr;</span>上一页</a></li>
        <li class="next"><a href="#">下一页<span aria-hidden="true">&rarr;</span></a></li>
    </ul>
</nav>
<div style="width:100%;height:50px;"></div>

<!-- / third -->
